@import url(http://fonts.googleapis.com/css?family=Ubuntu:500);
body{
background: linear-gradient(bottom, #1c5b86 0%, #000 100%);
background: -o-linear-gradient(#000,#1c5b86) no-repeat #1c5b86;
background: -moz-linear-gradient(bottom, #1c5b86 0%, #000 100%);
background: -webkit-linear-gradient(bottom, #1c5b86 0%, #000 100%);
background: -ms-linear-gradient(bottom, #1c5b86 0%, #000 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1c5b86, endColorstr=#000)"; 
color:#717171;
font-family:'Trebuchet MS', Verdana;
font-size:0.8em;
margin:0;
}
a{
text-decoration:none;
color:#3b7485;
}
img, a img {
border: 0
}

input, button, select {
vertical-align: middle;
border:none;
background:#6f6f6f;
font-weight:bold;
color:#aaaaaa;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

ul, ol {
list-style-type: none;
margin: 0;
padding: 0	
}

p, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0
}
#site{
width:936px;
margin:auto;
}
#top{
width:100%;
height:50px;
background-image: linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
background-image: -o-linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
background-image: -moz-linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
background-image: -webkit-linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
background-image: -ms-linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2A2A2A, endColorstr=#111111)"; 
}
	#sitename{
	width:936px;
	margin:auto;
	line-height:3.2;
	font-family: 'Ubuntu', sans-serif;
	font-size:1.2em;
	color:#fff;
	}
		#welcome{
		float:left;
		}
		#connections{
		float:right;
		font-family: 'Ubuntu', sans-serif;
		font-size:0.7em;
		line-height:4.5;
		}
#header{
margin-top:5px;
}
	#logo{
	float:left;
	}
	#userpanel{
	width:342px;
	height:160px;
	background-image: linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
	background-image: -o-linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
	background-image: -moz-linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
	background-image: -webkit-linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
	background-image: -ms-linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2A2A2A, endColorstr=#111111)";  
	float:right;
	}
		#userpanelcontent{
		width:335px;
		height:151px;
		background:#2a2a2a;
		position:relative;
		left:3.5px;
		top:4px;
		}
		#userp{
		padding:5px;
		}
			#userp p{
			text-transform:uppercase;
			font-weight:600;
			margin: 5px 0px
			}
			#userp img{
			float:left;
			}
			.login{
			float:right;
			}
			.login input{
			position:relative;
			margin: 5px 0px;
			bottom:10px;
			border:none;
			height:25px;
			background:#6f6f6f;
			font-weight:bold;
			color:#aaaaaa;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			padding:0 5px;
			}
			.loginon{
			margin-right:50px;
			}
			.avatar{
			width:60px;
			}
			.avataron{
			margin-left:25px;
			width:60px;
			margin-top:10px;
			}
			#userp span{
			left:30px;
			position:relative;
			bottom:10px;
			text-shadow: #000 0px -1.5px 1px;
			}
			#userp span a{
			text-decoration:none;
			color:#717171;
			}
			.nav {
			margin-top:10px;
			width:936px
			}
				ul#css3menu1,ul#css3menu1 ul{
					margin:0;list-style:none;background-color:#000;background-image:url("mainbk.png");background-repeat:repeat;border-width:0px;border-style:solid;border-color:#999999;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
				ul#css3menu1 ul{
					display:none;position:absolute;left:0;top:100%;-moz-box-shadow:0.7px 0.7px 1px #777777;-webkit-box-shadow:0.7px 0.7px 1px #777777;box-shadow:0.7px 0.7px 1px #777777;padding:0 9px 9px;background-color:#333333;
					-image:none;border-width:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-style:solid;border-color:#5A5E60;}
				ul#css3menu1 li:hover>*{
					display:block;}
				ul#css3menu1 li:hover{
					position:relative;}
				ul#css3menu1 ul ul{
					position:absolute;left:100%;top:0;}
				ul#css3menu1{
					padding:1px 1px 1px 0;display:block;font-size:0;float:left;}
				ul#css3menu1 li{
					display:block;white-space:nowrap;font-size:0;float:left;}
				ul#css3menu1>li,ul#css3menu1 li{
					margin:0 0 0 1px;}
				ul#css3menu1 ul>li{
					margin:1px 0 0;}
				ul#css3menu1 a:active, ul#css3menu1 a:focus{
					outline-style:none;}
				ul#css3menu1 a,ul#css3menu1 a.pressed{
					display:block;vertical-align:middle;text-align:center;text-decoration:none;font:bold italic 16px Trebuchet MS;color:#cccccc;cursor:default;}
				ul#css3menu1 ul li{
					float:none;margin:9px 0 0;width:100px;}
				ul#css3menu1 ul a{
					text-align:left;padding:8px 0 0 0;background-color:#333333;background-image:none;border-width:1px 0 0 0;border-style:solid;border-color:#262626;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:13px Arial;color:#cccccc;text-decoration:none;}
				ul#css3menu1 li:hover>a{
					background-color:#00c4ff;border-style:none;font:bold italic 16px Trebuchet MS;color:#ffffff;text-decoration:none;background-image:url("mainbk.png");background-position:0 100px;}
				ul#css3menu1 img{
					border:none;vertical-align:middle;margin-right:10px;}
				ul#css3menu1 img.over{
					display:none;}
				ul#css3menu1 li:hover > a img.def{
					display:none;}
				ul#css3menu1 li:hover > a img.over{
					display:inline;}
				ul#css3menu1 li a.pressed img.over{
					display:inline;}
				ul#css3menu1 li a.pressed img.def{
					display:none;}
				ul#css3menu1 span{
					display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
				ul#css3menu1 a{
					padding:10px;background-color:#2a2a2a;background-image:url("mainbk.png");background-repeat:repeat;background-position:0 200px;border-width:0px;border-style:none;border-color:;color:#cccccc;text-decoration:none;}
				ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
					background-color:#1c5b86;background-image:url("mainbk.png");background-position:0 100px;border-style:none;color:#ffffff;text-decoration:none;}
				ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{
					background-color:#333333;background-image:none;border-style:solid;border-color:#262626;font:13px Arial;color:#1f80ae;text-decoration:none;}
				ul#css3menu1 li.topfirst>a{
					height:16px;line-height:16px;border-radius:0px 0 0 0px;-moz-border-radius:0px 0 0 0px;-webkit-border-radius:0px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;text-shadow:#000000 0px -1px 1px;}
				ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst>a.pressed{
					line-height:16px;text-shadow:#3d3d3d 0px -1px 1px;}
				ul#css3menu1 li.topmenu>a{
					height:16px;line-height:16px;text-shadow:#000000 0px -1px 1px;}
				ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{
					line-height:16px;text-shadow:#3d3d3d 0px -1px 1px;}
				ul#css3menu1 li.toplast>a{
					height:16px;line-height:16px;border-radius:0 0px 0px 0;-moz-border-radius:0 0px 0px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;text-shadow:#000000 0px -1px 1px;}
				ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast>a.pressed{
					line-height:16px;text-shadow:#3d3d3d 0px -1px 1px;}

#page{
margin-top:3px;
width:936px;
height:800px;
}
#center{
float:left;
width:561px;
background:#fff;
margin-bottom:10px;
}
#full{
width:100%;
background:#fff;
}
	#centerc{
	margin:3px 3px;
	}
	.titren{
	float:left;
	background:url('images/title.jpg') repeat-x;
	width:545px;
	height:26px;
	font-size:1.2em;font-weight:bold;font-style:italic;
	padding-left:10px;
	line-height:1.7;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	margin-bottom:5px;
	}
	.creditsc{
	font-size:0.8em;
	margin-bottom:5px;
	}
	.contentc{
	margin-bottom:10px;
	font-family:Verdana;
	}
	.comment{
	width:150px;
	height:30px;
	background:#6f6f6f;
	margin-bottom:10px;
	line-height:2;
	text-align: center;
	}
		.comment a{
		color:#fff;
		}
	#footer{
	width:100%;
	height:35px;
	background-image: linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
	background-image: -o-linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
	background-image: -moz-linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
	background-image: -webkit-linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
	background-image: -ms-linear-gradient(bottom, #111111 0%, #2A2A2A 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2A2A2A, endColorstr=#111111)"; 
	line-height:2.4;
	font-weight:bold;
	font-style:italic;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	}
		#footer span{
		margin-left:10px;
		}
#droite{
float:right;
background:#2a2a2a;
width:375px;
color:#b7b7b7;
height:auto;
margin-bottom:10px;
}
	#droitec{
	background:#202020;
	color:#b7b7b7;
	width:370px;
	height:auto;
	margin-left:3px;
	padding-left:2px;
	padding-top:5px;
	padding-bottom:5px;
	}
	.titred{
	background:#272727;
	height:26px;
	width:361px;
	margin-top:1px;
	margin-bottom:1px;
	line-height:1.5;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	font-weight:bold;
	font-style:italic;
	font-size:1.2em;
	padding-left:5px;
	border:1px solid #141414;
	}
	#mediaplayer{
	}
.radius{
/* pour tous les navigateurs modernes ( valide css niveau 3)*/
border-radius: 3px;
/* pour les anciens navigateurs */
-webkit-border-radius: 3px;
-moz-border-radius: 3px
}
.clear{
clear:both;
}